@font-face{font-family:'bitbit';src:url('../font/DNFBitBit-Regular.woff'),url('../font/DNFBitBit-Regular.woff2'); }
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url('../font/NotoSansKR-Thin.woff2')format('woff2'),   url('../font/NotoSansKR-Thin.woff')format('woff'),   url('../font/NotoSansKR-Thin.otf')format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url('../font/NotoSansKR-Light.woff2')format('woff2'),  url('../font/NotoSansKR-Light.woff')format('woff'),  url('../font/NotoSansKR-Light.otf')format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url('../font/NotoSansKR-Regular.woff2')format('woff2'),url('../font/NotoSansKR-Regular.woff')format('woff'),url('../font/NotoSansKR-Regular.otf')format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url('../font/NotoSansKR-Medium.woff2')format('woff2'), url('../font/NotoSansKR-Medium.woff')format('woff'), url('../font/NotoSansKR-Medium.otf')format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url('../font/NotoSansKR-Bold.woff2')format('woff2'),   url('../font/NotoSansKR-Bold.woff')format('woff'),   url('../font/NotoSansKR-Bold.otf') format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url('../font/NotoSansKR-Black.woff2')format('woff2'),  url('../font/NotoSansKR-Black.woff')format('woff'),  url('../font/NotoSansKR-Black.otf') format('opentype')}
@font-face{font-family:'DNFForgedBlade';font-style:normal;font-weight:300;src:url('../font/DNFForgedBlade-Light.otf')format('opentype')}
@font-face{font-family:'DNFForgedBlade';font-style:normal;font-weight:500;src:url('../font/DNFForgedBlade-Medium.otf')format('opentype')}
@font-face{font-family:'DNFForgedBlade';font-style:normal;font-weight:700;src:url('../font/DNFForgedBlade-Bold.otf')format('opentype')}
*{margin:0;padding:0;font:inherit;color:inherit;font-family:'Noto Sans KR', sans-serif;}
*, :after, :before{box-sizing:border-box;flex-shrink:0;}
:root{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;font-size:14px;color:#6a6e76;}
html, body{height:100%;}
img, picture,video,canvas,svg{display:block;max-width:100%;}
button{background:none;border:0;cursor:pointer;}
a{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
select{display:none;}
.clear{clear:both}

body{min-width:1300px}
.none{display:none;}
.bold{font-weight:500 !important}
.pd0{padding:0 !important}
.pt0{padding-top:0 !important}    .pt05{padding-top:5px !important}    .pt10{padding-top:10px !important}    .pt20{padding-top:20px !important}    .pt30{padding-top:30px !important}    .pt40{padding-top:40px !important}    .pt50{padding-top:50px !important}      .pt60{padding-top:60px !important}
.pb0{padding-bottom:0 !important} .pb05{padding-bottom:5px !important} .pb10{padding-bottom:10px !important} .pb20{padding-bottom:20px !important} .pb30{padding-bottom:30px !important} .pb40{padding-bottom:40px !important} .pb50{padding-bottom:50px !important}	.pb60{padding-bottom:60px !important}
.pl0{padding-left:0 !important}   .pl05{padding-left:5px !important}   .pl10{padding-left:10px !important}   .pl20{padding-left:20px !important}   .pl30{padding-left:30px !important}   .pl40{padding-left:40px !important}   .pl50{padding-left:50px !important}	.pl60{padding-left:60px !important}
.pr0{padding-right:0 !important}  .pr05{padding-right:5px !important}  .pr10{padding-right:10px !important}  .pr20{padding-right:20px !important}  .pr30{padding-right:30px !important}  .pr40{padding-right:40px !important}  .pr50{padding-right:50px !important}	.pr60{padding-right:60px !important}

.mg0{margin:0 !important}
.mt0{margin-top:0 !important}    .mt05{margin-top:5px !important}    .mt10{margin-top:10px !important}    .mt20{margin-top:20px !important}    .mt30{margin-top:30px !important}    .mt40{margin-top:40px !important}    .mt50{margin-top:50px !important}      .mt60{margin-top:60px !important}     .mt70{margin-top:70px !important} .mt80{margin-top:80px !important} .mt90{margin-top:90px !important} .mt100{margin-top:100px !important}
.mb0{margin-bottom:0 !important} .mb05{margin-bottom:5px !important} .mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px !important} .mb30{margin-bottom:30px !important} .mb40{margin-bottom:40px !important} .mb50{margin-bottom:50px !important}	.mb60{margin-bottom:60px !important}  .mb70{margin-bottom:70px !important} .mb80{margin-bottom:80px !important} .mb90{margin-bottom:90px !important} .mb100{margin-bottom:100px !important}
.ml0{margin-left:0 !important}   .ml05{margin-left:5px !important}   .ml10{margin-left:10px !important}   .ml20{margin-left:20px !important}   .ml30{margin-left:30px !important}   .ml40{margin-left:40px !important}   .ml50{margin-left:50px !important}		.ml60{margin-left:60px !important}    .ml70{margin-left:70px !important} .ml80{margin-left:80px !important} .ml90{margin-left:90px !important} .ml100{margin-left:100px !important}
.mr0{margin-right:0 !important}  .mr05{margin-right:5px !important}  .mr10{margin-right:10px !important}  .mr20{margin-right:20px !important}  .mr30{margin-right:30px !important}  .mr40{margin-right:40px !important}  .mr50{margin-right:50px !important}	.mr60{margin-right:60px !important}   .mr70{margin-right:70px !important} .mr80{margin-right:80px !important} .mr90{margin-right:90px !important} .mr100{margin-right:100px !important}
.mr6{margin-right:6px !important}

.bran{border:none !important}
.brtn{border-top:none !important}
.brbn{border-bottom:none !important}
.brln{border-left:none !important}
.brrn{border-right:none !important}

input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{display:inline-block;color:#6a6e76;font-size:14px;line-height:24px;font-weight:400;letter-spacing:0;cursor:pointer;}
input[type="checkbox"] + label span{display:inline-block;padding:0;margin:-3px 9px 0 0;width:16px;height:16px;background:url('../img/form/chkbox_c.png') no-repeat;vertical-align:middle;cursor:pointer}
input[type="checkbox"]:checked + label span{background:url('../img/form/chkbox_c.png') no-repeat 0 -100px}
input[type=checkbox][disabled] + label span{background:url('../img/form/chkbox_c.png') no-repeat 0 -200px;cursor:default;}

input[type="radio"]{display:none}
input[type="radio"] + label{display:inline-block;color:#6a6e76;font-size:14px;line-height:24px;font-weight:400;letter-spacing:0;cursor:pointer;}
input[type="radio"] + label span{display:inline-block;padding:0;margin:-3px 5px 0 0;width:15px;height:15px;background:url(../img/form/radio.png) no-repeat;vertical-align:middle;cursor:pointer}
input[type="radio"]:checked + label span{background:url(../img/form/radio.png) no-repeat 0 -100px}

input[type="text"],
input[type="password"]{display:block;width:100%;height:54px;background:#fff;border:1px solid #e1e6ee;color:#6a6e76;font-size:16px;line-height:53px;text-indent:20px;}
input[type="text"]:disabled{background:#f8f9fb;color:#bec5cc;}
input::placeholder{color:#bec5cc;font-size:14px;font-weight:400;}

textarea::placeholder{color:#a2a5ac;font-size:15px;font-weight:400;line-height:26px;}

/* Select */
.select{position:relative;margin:0;width:100%;height:42px;z-index:99;font-size:14px;font-weight:400;color:#6a6e76;}
.select .active-option{width:100%;height:42px;background:#fff;border:1px solid #e7e8ed;color:#6a6e76;line-height:39px;cursor:pointer;}
.select .active-option:before{content:"";position:absolute;top:14px;right:10px;width:15px;height:15px;background:url('../img/form/select.png') no-repeat;}
.select.open .active-option:before{background-position:0 -50px;}
.select .option-list{border:1px solid #e7e8ed;overflow-y:auto;}
.select .option-list ul{color:#6a6e76;max-height:245px}
.select .option-list li{background:#fff}
.select .option-list li:hover{background:#f8f9fb;}
.active-option{padding:0 0 0 13px;width:100%;display:block;}
.option-list{width:100%;position:absolute;visibility:hidden;z-index:100}
.option-list li{padding:0 0 0 13px;width:100%;height:41px;line-height:39px;border-bottom:1px solid #e7e8ed;cursor:pointer;}
.option-list li:last-child{border-bottom:none}
.option-list.show{top:41px;visibility:visible;}
.select_wh{display:inline-block}
.select_gy{display:inline-block;}
.select_gy .select .active-option{background:#f8f9fb;border-color:#e7e8ed}
.select_gy .select .option-list li{background:#f8f9fb}
.select_gy .select .option-list li:hover{background:#fff}
.select_wh .select .option-list ul li.on{background:#f8f9fb}
.select_gy .select .option-list ul li.on{background:#fff}

/* button */
.btnarea{text-align:center;font-size:0;}
.btnarea_r{text-align:right;font-size:0;}
.btnarea_r a{margin-left:4px}
.btnarea a.mar{margin-right:4px}
.btn{position:relative;display:inline-block;min-width:90px;text-align:center;}
.btntype_bu42{height:42px;line-height:41px;background:#3392ff;color:#fff;font-size:13px;}
.btntype_bu46{height:46px;line-height:45px;background:#3392ff;color:#fff;font-size:13px;}
.btntype_bu50{height:50px;line-height:49px;background:#3392ff;color:#fff;font-size:14px;}
.btntype_bu54{height:54px;line-height:53px;background:#3392ff;color:#fff;font-size:15px;}
.btntype_bu60{height:60px;line-height:59px;background:#3392ff;color:#fff;font-size:16px;}
.btntype_bu70{height:70px;line-height:69px;background:#3392ff;color:#fff;font-size:15px;}

.btntype_bk42{height:42px;line-height:41px;background:#484e5f;color:#fff;font-size:13px;}
.btntype_bk46{height:46px;line-height:45px;background:#484e5f;color:#fff;font-size:13px;}
.btntype_bk50{height:50px;line-height:49px;background:#484e5f;color:#fff;font-size:14px;}
.btntype_bk54{height:54px;line-height:53px;background:#484e5f;color:#fff;font-size:15px;}
.btntype_bk60{height:60px;line-height:59px;background:#484e5f;color:#fff;font-size:16px;}
.btntype_bk70{height:70px;line-height:69px;background:#484e5f;color:#fff;font-size:15px;}

.btn.tri_dn::after{content:'';display:block;position:absolute;right:45px;top:50%;padding:0;margin:-11px 0 0 0;width:21px;height:21px;background:url('../img/ico/ico_tri_dn.png') no-repeat;font-size:0;line-height:0;}
.btncopy{display:inline-block;width:49px;height:46px;text-align:center;background:#484e5f url('../img/board/board_ico_copy.png') no-repeat 50%;text-indent:-9999px;}

/* Icon */
.ico_plus14x14{display:inline-block;position:relative;width:14px;height:14px;background-color:transparent;border:none;cursor:pointer;text-indent:-9999px;}
.ico_plus14x14:before,
.ico_plus14x14:after{content:"";position: absolute;left:0;top:6px;width:100%;height:2px;background-color:#6a6e76;}
.ico_plus14x14:before{transform:rotate(90deg)}
.ico_min14x2{display:inline-block;position:relative;width:14px;height:14px;background-color:transparent;border:none;cursor:pointer;text-indent:-9999px;}
.ico_min14x2:after{content:"";position: absolute;left:0;top:6px;width:100%;height:2px;background-color:#6a6e76;}

/*  */
.gnb{position:absolute;left:0;top:0px;width:100%;z-index:10}
.gnb h1{position:absolute;left:12px;top:9px;width:141px;height:88px;z-index:20}
.gnb nav{position:absolute;left:0;top:0;width:100%;text-align:center;}
.gnb nav ul{position:relative;padding-left:161px;width:100%;background:rgba(0,0,0,.5);overflow:hidden;}
.gnb nav ul.bgon{background:#22252d;}
.gnb nav ul.bgon::after{content:'';position:absolute;left:0;top:100px;width:100%;height:1px;background:#383e47;}
.gnb nav ul li{float:left;}
.gnb nav ul li a{display:block;padding:0 1.3vw;height:100px;color:#f1f2f6;font-size:18px;font-weight:400;line-height:99px}
.gnb nav ul li a.fcng{color:#898c92}
.gnb nav ul li a:hover{color:#f1f2f6}
.gnb nav ul li div{display:none;position:relative;padding:24px 0 29px 0;}
.gnb nav ul li div a{display:block;padding:0;height:inherit;;color:#898c92;font-size:14px;font-weight:400;line-height:32px;}
.gnb nav ul li div a.external::after{content:'';display:inline-block;margin:-4px 0 0 4px;width:20px;height:20px;background:url('../img/ico/ico_external.png') no-repeat;vertical-align:middle;}
.gnb nav ul li div a:hover{color:#f1f2f6}
.gnb nav ul li div a:hover::after{background-position:-20px 0;}
@media(max-width:1400px){
	.gnb h1{top:15px;width:120px;height:75px;}
	.gnb nav ul{padding-left:140px;}
	.gnb nav ul li a{font-size:15px;padding:0 1.43vw;}
	.gnb nav ul li div a{font-size:13px}
}
.gnb .gamestart{position:absolute;top:0;right:0;width:260px;height:100px;z-index:900}
.gnb .login{position:absolute;top:0;right:260px;}
.gnb .login a.go_login{display:block;padding:0 31px;width:110px;background:#303544;color:#ebedf0;font-size:16px;line-height:100px;text-align:center;}
.gnb .login a.new::after{content:'';display:block;position:absolute;right:33px;top:36px;width:6px;height:6px;background:#e00;border-radius:3px;}

.gnb .login_before{display:none;position:absolute;left:50%;top:0;margin-left:-55px;width:370px;height:240px;z-index:30}
.gnb .login_before a.login_clse{display:block;width:110px;height:100px;background:#f2f4f6 url(../img/btn/btn_login_x.png) no-repeat 40px 35px;cursor:pointer;text-indent:-9999px;}
.gnb .login_before ul{padding-top:30px;height:140px;background:#f2f4f6;border-bottom:1px solid #d9dde0}
.gnb .login_before ul li{font-size:0;text-align:center;}
.gnb .login_before ul li.btn_before a{display:inline-block;width:155px;height:51px;background:#484e5f;color:#fff;font-size:12px;font-weight:500;line-height:52px;text-align:center;}
.gnb .login_before ul li.btn_before a.blue{background:#3392ff;}
.gnb .login_before ul li.btn_before a.naverid{width:310px}
.gnb .login_before ul li.txt_before{position:relative;margin-top:17px;}
.gnb .login_before ul li.txt_before a{display:block;color:#36393f;font-size:13px;font-weight:500;line-height:24px;}
.gnb .login_after{display:none;position:absolute;left:50%;top:0;margin-left:-55px;width:370px;z-index:30}
.gnb .login_after a.login_clse{display:block;width:110px;height:100px;background:#f2f4f6 url(../img/btn/btn_login_x.png) no-repeat 40px 35px;cursor:pointer;text-indent:-9999px;}
.gnb .login_after_wrap{padding:0 0 30px 30px;width:370px;background:#f2f4f6;border-bottom:1px solid #d9dde0}
.gnb .login_tabm{position:relative;width:310px;height:73px;}
.gnb .login_tabm a{display:block;float:left;width:155px;height:73px;border-bottom:3px solid #c0cad4;color:#a0aab4;font-size:15px;line-height:94px;text-align:center;font-weight:500;cursor:pointer;}
.gnb .login_tabm a.slt{border-bottom-color:#3392ff;color:#3392ff;}
.gnb .login_tabc{position:relative;width:310px;}
.gnb .login_tabc .myaccount,
.gnb .login_tabc .mynews{display:none;}
.gnb .login_tabc .show{display:block;}

.gnb .myaccount ul.name{position:relative;padding:33px 0 31px 0;text-align:center;}
.gnb .myaccount ul.name li{color:#151518;font-size:20px;line-height:20px}
.gnb .myaccount ul.name li.lv{margin-top:6px;color:#3392ff;font-size:12px;font-weight:500}
.gnb .myaccount ul.charset{position:relative;padding:30px 0;text-align:center;}
.gnb .myaccount ul.charset li{color:#151518;font-size:16px;line-height:20px;font-weight:500;}
.gnb .myaccount ul.charset li:last-child{margin-top:7px;color:#898c92;font-size:14px;line-height:22px;font-weight:400;}
.gnb .myaccount ul.charset li:last-child a{color:#36393f;font-weight:500;}
.gnb .myaccount ul.premium{position:relative;padding:16px 0;border-top:1px solid #dbe0ea;}
.gnb .myaccount ul.premium a{display:block;padding:4px 0;}
.gnb .myaccount ul.premium a img{display:block;padding:0;margin:0;}

.gnb .myaccount ul.myinfo{position:relative;padding:19px 0 16px 0;border-top:1px solid #dbe0ea;}
.gnb .myaccount ul.myinfo li{margin-bottom:3px;color:#898c92;font-size:13px;font-weight:500;line-height:24px;}
.gnb .myaccount ul.myinfo li b{margin:0 10px 0 9px;color:#36393f}
.gnb .myaccount ul.myinfo li a{display:inline-block;width:48px;height:25px;background:#3392ff;color:#fff;font-size:12px;line-height:24px;text-align:center;}
.gnb .myaccount ul.myinfo li a.cng{width:64px;}

.gnb .myaccount ul.btns li{font-size:0;}
.gnb .myaccount ul.btns li a{display:inline-block;height:51px;color:#fff;font-size:12px;font-weight:500;line-height:52px;text-align:center;}
.gnb .myaccount ul.btns li a.btns1{width:155px;background:#303544;}
.gnb .myaccount ul.btns li a.btns2{width:155px;background:#484e5f;}
.gnb .myaccount ul.btns li a.btns3{width:310px;background:#3392ff}
.gnb .myaccount ul.btns li a.btns3:hover{background:#9daab9}

.gnb .myaccount ul.agree{position:relative;padding:25px 0 16px 0;text-align:center;}
.gnb .myaccount ul.agree li{color:#898c92;font-size:14px;line-height:22px;font-weight:400;}
.gnb .myaccount ul.agree li b{color:#36393f;font-weight:500;}
.gnb .myaccount ul.agree li.state{margin-top:16px;height:100px;background:#5c6377;color:#fff;font-size:14px;font-weight:500;line-height:99px;}
.gnb .myaccount ul.agree li.btns{margin:30px 0 0 0;padding-top:30px;;border-top:1px solid #dbe0ea;}
.gnb .myaccount ul.agree li.btns a{display:inline-block;height:51px;width:310px;background:#3392ff;color:#fff;font-size:12px;font-weight:500;line-height:52px;text-align:center;}
.gnb .myaccount ul.agree li.btns a:hover{background:#9daab9}

.gnb .mynews{position:relative;}
.gnb .mynews .alim_tabm{position:relative;margin-top:20px;overflow:hidden;}
.gnb .mynews .alim_tabm a{position:relative;display:block;float:left;width:155px;height:40px;background:#e2e7ee;;color:#8c949b;font-size:13px;line-height:40px;text-align:center;font-weight:500;cursor:pointer;}
.gnb .mynews .alim_tabm a.slt{background:#484e5f;color:#fff;}
.gnb .mynews .alim_tabm a span{display:block;position:absolute;right:55px;top:10px;width:5px;height:5px;background:#fe1d00;border-radius:2.5px;}


.gnb .mynews .alim_tabc{position:relative;}
.gnb .mynews .c_alim,
.gnb .mynews .c_msg{position:relative;display:none;}
.gnb .mynews  ul{position:relative;padding:20px 0 20px 0;border-bottom:1px solid #dbe0ea;cursor:pointer;}
.gnb .mynews  ul:nth-child(3){border-bottom:none;}
.gnb .mynews  ul li{color:#898c92;font-size:13px;font-weight:400;line-height:22px;}
.gnb .mynews  ul li b{color:#36393f;font-size:14px;font-weight:500;}
.gnb .mynews  ul:hover li.hover{color:#3392ff}
.gnb .mynews  ul li.author{margin-top:4px;color:#a2a5ac;font-size:12px;font-weight:500;}
.gnb .mynews  ul li.author b{color:#6a6e76;font-size:12px;}
.gnb .mynews  ul li.author span{display:inline-block;margin:0 2px 0 4px;color:#6a6e76;}
.gnb .mynews  ul li.author span em{display:inline-block;color:#3392ff;}
.gnb .mynews  ul li.author span::after{content:'\00a0';display:inline-block;margin:-2px 5px 0 9px;width:1px;height:11px;background:#c0cad4;vertical-align:middle;}
.gnb .mynews .more{position:relative;height:42px;}
.gnb .mynews .more a{display:block;float:left;}
.gnb .mynews .more a.ref{width:46px;height:42px;background:#f3f5f8 url(../img/ico/ico_ref.png) no-repeat 50%;border:1px solid #c4cfd8;text-indent:-9999px;}
.gnb .mynews .more a.alim_total{width:264px;height:42px;line-height:40px;background:#fff;border:1px solid #c4cfd8;border-left:none;color:#898c92;font-size:13px;font-weight:500;text-align:center;}
.gnb .mynews .more a.alim_total:hover{border-color:#abb3bb;color:#36393f;}
.gnb .mynews .c_msg ul{padding-top:21px;}
.gnb .mynews .none_news{position:relative;padding-top:218px;height:335px;background:url(../img/common/nonews.png) no-repeat 50% 68px;line-height:22px;text-align:center;}
.gnb .mynews .none_news b{display:block;color:#151518;font-size:16px;font-weight:500;}
.gnb .mynews .none_news span{display:block;margin-top:5px;color:#898c92;font-size:14px;font-weight:400;}
.gnb .mynews .show{display:block;}
footer{height:300px;}

/* 아이템 컬러 */
.item_c0{color:#000000 !important}
.item_c1{color:#555555 !important}/* 커먼 */
.item_c2{color:#00a6ac !important}/* 언커먼 */
.item_c3{color:#5001bc !important}/* 레어 */
.item_c4{color:#db00db !important}/* 유니크 */
.item_c5{color:#da0000 !important}/* 크로니클 */
.item_c6{color:#b75601 !important}/* 레전더리 */
.item_c7{color:#d39500 !important}/* 에픽 & 아바타(상급) */
.item_c8{color:#cc70db !important;background: -webkit-linear-gradient(top, #ff9600, #a52fc8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color: transparent} /* 신화 */
.item_set{color:#4c9d17 !important}/* 세트 */
.item_lv{color:#23c823 !important}/* 레벨제한 */
.item_fusion{color:#f00 !important}/* 융합 */

/* 게임스타트 */
.gamestart{position:relative;width:240px;height:175x}
.gamestart a#gameStart{display:block;width:260px;height:100px;background:url('../img/common/gamestart_ani2.jpg') no-repeat}

/* footer */
footer{height:300px;margin-top:60px;text-align:center}
footer img{display:inline;}
footer li{color:#a2a5ac;font-size:13px;line-height:24px;}
footer .link{margin-bottom:22px;color:#6a6e76;font-size:15px;font-weight:400;line-height:20px;}
footer .link a{position:relative;display:inline-block;margin:0 13px 0 6px;}
footer .link a strong{color:#151518}
footer .link a::after{content:'';display:block;position:absolute;right:-14px;top:50%;border-radius:25px;width:3px;height:3px;background:#a2a5ac; }
footer .link a:first-child{margin-left:0;}
footer .link a:last-child{margin-right:0;}
footer .link a:last-child::after{display:none;}
footer .addr a{border-bottom:1px solid #a2a5ac}
footer .flogo{margin-top:36px;}
footer .flogo a{display:inline-block;margin:0 12px 0 13px;}
.view_mobile{position:relative;display:flex;align-items:center;justify-content:center;;width:100%;height:224px;background:#3392ff;color:#fff;font-size:60px;text-align:center;cursor:pointer;font-weight:500;}

/* TOP 버튼 */
.top{display:none;position:absolute;right:40px;bottom:40px;width:70px;height:70px;background:#484e5f;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);text-align:center;color:#fff;font-size:13px;line-height:70px;cursor:pointer;}
.top:hover{background:#197cff;}

/* 에러페이지 */
.error{position:relative;width:100%;height:auto;min-height:100%;padding-bottom:100px;}
.error header{display:flex;align-items:end;justify-content:center;;position:relative;width:100%;height:266px;overflow:hidden;background:url('../img/visual/bg_error.jpg') no-repeat 50% 0;}
.error header h1{width:224px;height:122px;background:url('../img/error/logo.png') no-repeat;font-size:0;}

.error section{position:relative;margin:0 auto;width:1000px;padding-bottom:100px;}
.error section .cbox{display:flex;flex-direction:column;position:relative;padding:60px;background:#f8f9fb;border:1px solid #e0e2ec;text-align:center;}
.error section .cbox img{display:block;margin:0 auto;width:124px;height:93px}
.error section h2{color:#151518;font-size:32px;font-weight:300;line-height:43px;letter-spacing:-.8px}
.error section h3{margin-top:10px;color:#36393f;font-size:18px;font-weight:400;line-height:24px;}
.error section h4{color:#898c92;font-size:16px;font-weight:400;line-height:32px;text-align:center;}
.error section .btnarea a{vertical-align:top;}
.error section .btnarea a span{display:block;padding:0;margin:12px 0 0 0;color:#cce6ff;font-size:12px;line-height:22px;}
.error_footer{display:flex;align-items:center;justify-content:center;position:relative;transform:translateY(-100%);height:100px;margin:0;padding:0;;border-top:1px solid #e0e2ec;text-align:center;font-size:12px;color:#898c92;background:#fff;}

/* 보안 레이어 */
.ly_security{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}
.ly_security *{box-sizing:initial;}
.ly_security .secu_mw{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8}
.ly_security .secu_cw{position:absolute;top:50%;left:50%;margin:-360px 0 0 -350px;width:652px;height:712px;border:4px solid #000;z-index:900;text-align:center;}
.ly_security .secu_cw.bg1{background:url('https://cdn.df.nexon.com/img/web/main/bg_ly_secu1.jpg') no-repeat}
.ly_security .secu_cw.bg2{background:url('https://cdn.df.nexon.com/img/web/main/bg_ly_secu2.jpg') no-repeat}
.ly_security .secu_cw.bg3{background:url('https://cdn.df.nexon.com/img/web/main/bg_ly_secu3.jpg') no-repeat}
.ly_security .secu_logo{margin:30px auto 14px auto;text-align:center;}
.ly_security .secu_logo img{display:inline-block;}
.ly_security .secu_tit{position:absolute;left:0;top:90px;width:100%;font-size:32px;line-height:42px;z-index:100}
.ly_security .secu_tit p{display:inline-block;letter-spacing:-2.4px;}
.ly_security .secu_tit p.t1{padding:4px 21px 4px 18px;background:#fdb813;color:#100c03;}
.ly_security .secu_tit p.t2{padding:4px 23px 4px 22px;background:#100c03;color:#fdb813;}
.ly_security .secu_tit p.t1 em{margin:0 0 0 3px;}
.ly_security .secu_tit p.t2 strong{letter-spacing:-1px;}
.ly_security .secu_cw ul{position:relative;margin:91px auto 0 auto;padding:41px 0 0 0;width:578px;background:#fff;border:1px solid #1d202b;overflow:hidden;}
.ly_security .secu_cw ul li{position:relative;font-size:14px;color:#595b63;line-height:18px;text-align:center;overflow:hidden;}
.ly_security .secu_cw ul li p{margin-bottom:18px;}
.ly_security .secu_cw ul li p.t_red{color:#f00;text-decoration:underline;font-weight:500;}
.ly_security .secu_cw .secu_btn{position:relative;margin-top:13px;}
.ly_security .secu_cw .secu_btn a{display:block;width:100%;height:58px;line-height:57px;background:#2c3240;border-top:1px solid #1d202b;text-align:center;color:#fff;font-size:14px;font-weight:500;cursor:pointer;}

/* 로딩 공통 */
.loading{position:fixed;lefT:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(255,255,255,.8)}
.loading span{display:block;position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3px 0 0 -3px}
.loading span i{display:block;position:absolute;left:0;top:0;width:12px;height:7px;transform-origin:0% 50%;animation:loading 1s infinite;opacity:0}
.loading span i:after{display:block;content:'';position:absolute;left:100%;top:0;width:10px;height:10px;background:#2a2b2a;border-radius:200%}
.loading span .i1{transform:rotate(0deg);animation-delay:0s}
.loading span .i2{transform:rotate(45deg);animation-delay:0.12s}
.loading span .i3{transform:rotate(90deg);animation-delay:0.24s}
.loading span .i4{transform:rotate(135deg);animation-delay:0.36s}
.loading span .i5{transform:rotate(180deg);animation-delay:0.48s}
.loading span .i6{transform:rotate(225deg);animation-delay:0.60s}
.loading span .i7{transform:rotate(270deg);animation-delay:0.72s}
.loading span .i8{transform:rotate(315deg);animation-delay:0.84s}
@keyframes loading{
    0%{opacity:0}
    50%{opacity:1}
    0%{opacity:0}
}
@media screen and (max-width:1300px){
    .preview{left:40px;margin-left:0}
    .quick{left:190px;margin-left:0}
}